import 'normalize.css'
import './styles/border.css'
import './styles/base.css'
import {createHashRouter, RouterProvider} from "react-router-dom";
import Guide from "@/containers/Guide";
import Login from "@/containers/Account/Login.tsx";
import Register from "@/containers/Account/Register.tsx";
import Account from "@/containers/Account";
import Home from "@/containers/Home";

const router = createHashRouter([
    {
        path: '/',
        element: <Guide/>
    },
    {
        path: '/account',
        element: <Account/>,
        children: [
            {
                path: '/account/login',
                element: <Login/>
            },
            {
                path: '/account/register',
                element: <Register/>
            }
        ]
    },
    {
        path: '/home',
        element: <Home/>
    }
])

function App() {

    return <RouterProvider router={router}/>
}

export default App
